<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<link rel="stylesheet" href="css/index.css"/>
<link rel="stylesheet" href="css/base.css"/>
<link rel="stylesheet" href="css/css初始化.css"/>
<script src="js/xuanzhuan.js"></script>
<body>
<div class="body1">
    <div class="heard">
        <div class="w">
            <h1><a href="#"><img src="images/logo.png" alt=""/></a></h1>
            <form class="fr">
                <input type="text" class="text"/>
                <input type="button" class="btn"/>
            </form>
            <ul class="fr">
                <li><a href="home.html"><i></i>Home</a></li>
                <li><a href="about.html"><i></i>About</a></li>
                <li><a href="folio.html"><i></i>Folio</a></li>
                <li><a href="services.html"><i></i>Services</a></li>
                <li><a href="news.html"><i></i>News</a></li>
                <li><a href="contact.html"><i></i>Contact</a></li>
            </ul>
        </div>
    </div>
    <div class="top" style="height: 80px;"></div>
    <div class="gallery w">
        <ul id="xuanzhuan">
            <li><img src="images/img1.png" alt=""/> </li>
            <li><img src="images/img2.png" alt=""/></li>
            <li><img src="images/img3.png" alt=""/></li>
        </ul>
        <div class="arrow" id="arrow">
            <a href="javascript:;" class="prev" id="arrLeft"></a>
            <a href="javascript:;" class="next" id="arrRight"></a>
        </div>
    </div>
</div>
<!--轮播图-->

<!--内容-->
<div class="main">
    <div class="wrapper w">
        <div class="wrapper-t">
            <div class="wrapper-t-l fl">
                <h2>Shortly About Me</h2>
                <p><img src="images/page1_img1.jpg" alt=""/></p>
                <div class="pad">
                    <p>This Photographer’s Portfolio is one of <br/>
                        yitheme created by TemplateMonster.com <br/>
                        team</p>
                </div>
            </div>
            <div class="wrapper-t-c fl">
                <h2>Experiences</h2>
                <ul>
                    <li>
                        <a href="#">Fashion Show</a><br/>
                        Maecenas ut ipsum id nibh <br/>cursus sagittis sit...
                    </li>
                    <li>
                        <a href="#">Animals Photo Session</a><br/>
                        Mauris iaculis semper magna in <br/>eleifend. Phasellus a...
                    </li>
                    <li>
                        <a href="#">Sport Shots</a><br/>
                        Quisque ipsum ipsum, tincidunt <br/>eu euismod non, blandit...
                    </li>
                </ul>
            </div>
            <div class="wrapper-t-r fl">
                <h2>What's New</h2>
                <p><img src="images/11.bmp" alt=""/></p>
            </div>
            <div></div>
        </div>
        <div id="wrapper-b">
            <ul>
                <li class="wrapper-b-l">Read More</li>
                <li class="wrapper-b-c">Read More</li>
                <li class="wrapper-b-r">News Archive</li>
            </ul>
        </div>
    </div>
</div>

<div class="foot">
    <div class="w">
        <div class="foot-l fl">
            <h2>My Philodsophy</h2>
            <div class="foot-l-c">
                <img class="fl" src="images/page1_img2.jpg" alt=""/>
                <p class="home-text1"><span>At vero eos et accusamus iusto</span>  odio dignissimosducimus qui blanditiis praesentium voluptatum deleniti atque
                    <a href="#">corrupti quos dolores</a> et quas molestias excepturi sint occaecati cupiditate non provident,similique sunt in culpa qui officia deserunt.</p>
            </div>
            <p>Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.</p>
            <div id="foot-l-b">Read More</div>
        </div>
        <div class="foot-r fr"><img src="images/111.bmp" alt=""/></div>
    </div>
</div>
<div class="footer">
    <div class="w">
        <div class="foot1">
            <span class="fl"><a href="#">Website template</a><br/>More Templates</span>
            <ul class="fr">
                <li><a href="#"><img src="images/icon1.png" alt=""/></a></li>
                <li><a href="#"><img src="images/icon2.png" alt=""/></a></li>
                <li><a href="#"><img src="images/icon3.png" alt=""/></a></li>
                <li><a href="#"><img src="images/icon4.png" alt=""/></a></li>
                <li><a href="#"><img src="images/icon5.png" alt=""/></a></li>
                <li><a href="#"><img src="images/icon6.png" alt=""/></a></li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>